<script>
export default {
  props: {
    value: {
      type: [Array, String],
      default: () => []
    }
  },
  render() {
    const { value } = this
    return (
      value && value.length
        ? <span>
          {value.map(item => (
            <el-image
              class='screen-shots'
              src={item}
              preview-src-list={value}
              lazy={true}
            />
          ))}
        </span>
        : <span>--</span>
    )
  }
}
</script>

<style scoped>
.icon {
  width: 140px;
  height: 140px;
}
.screen-shots {
  width: 140px;
  margin-right: 20px;
}
.screen-shots:last-child {
  margin-right: 0;
}
</style>
